var ds;
var grid;
var insertForm;
var updateForm;
var form;
var win;
Ext.onReady(function() {
			initData();

		});

function initData() {
	ds = new Ext.data.Store({
				proxy : new Ext.data.HttpProxy({
							url : '../dispatchIndex.do?action=warehouse&type=yuanzhu'
						}),

				reader : new Ext.data.JsonReader({
							totalProperty : 'totalProperty',
							root : 'root'
						}, [{
									name : 'whid'
								}, {
									name : 'prdtType'
								}, {
									name : 'ssign'
								}, {
									name : 'spec'
								}, {
									name : 'plate'
								}, {
									name : 'zhenpian'
								}])
			});
	initGrid();
}
function getUpdateForm() {
	if (!updateForm) {
		updateForm = new Ext.FormPanel({
			// labelWidth : 75,
			url : '../dispatchIndex.do?action=warehouse&type=chengpin&isNew=true',
			labelAlign : 'left',
			buttonAlign : 'right',
			bodyStyle : 'padding:5px 5px 0',
			width : 400,
			frame : true,// 设置了面板的边角是圆弧过度的，底色
			labelWidth : 60,
			autoHeight : true,
			items : [{
						layout : 'column',// 在formpanel的itmes加入一个column的定义
						border : false,
						labelSeparator : ':',
						items : [{
									columnWidth : .580,
									layout : 'form',
									border : false,
									items : [{
												xtype : 'textfield',
												fieldLabel : '牌号',// 一开始漏了个主id,导致update不成功
												name : 'ssign',
												// readOnly : true,
												allowBlank : false,
												anchor : '90%'
											}]
								}, {
									columnWidth : .580,
									layout : 'form',
									border : false,
									items : [{
												xtype : 'textfield',
												fieldLabel : '规格',// 一开始漏了个主id,导致update不成功
												name : 'spec',
												// readOnly : true,
												allowBlank : false,
												anchor : '90%'
											}]
								}, {
									columnWidth : .580,
									layout : 'form',
									border : false,
									items : [{
												xtype : 'textfield',
												fieldLabel : '镀层',// 一开始漏了个主id,导致update不成功
												name : 'plate',
												// readOnly : true,
												allowBlank : false,
												anchor : '90%'
											}]
								}, {
									columnWidth : .580,
									layout : 'form',
									border : false,
									items : [{
												xtype : 'numberfield',
												fieldLabel : '安排数量',// 一开始漏了个主id,导致update不成功
												name : 'zhenpian',
												// readOnly : true,
												allowBlank : false,
												anchor : '90%'
											}]
								}]
					}]
		});
	}
	return updateForm;
}// 构造了一个更新的界面。

function initGrid() {
	Ext.QuickTips.init();

	var xg = Ext.grid;
	/**/
	if (!form)
		form = getUpdateForm();
	/* win */
	if (!win) {
		win = new Ext.Window({
					layout : 'column',
					width : 300,
					autoHeight : true, // 4601782
					closeAction : 'hide',
					plain : true,
					items : form,
					modal : false,// 如果这个属性不设，弹出窗口会增加20M内存使用。
					buttons : [{
								text : '查询',
								handler : function() {
									if (form.getForm().isValid()) {
										ds.load({
													params : {
														start : 0,
														limit : 10,
														isNew:true,
														ssign:form.find("name","ssign")[0].getValue(),
														spec:form.find("name","spec")[0].getValue(),
														plate:form.find("name","plate")[0].getValue()
													}
												});
										win.hide();

									} else {
										Ext.MessageBox.alert('提示', '请正确填写数据！');
									}
								}
							}, {
								text : '清空',
								handler : function() {
									form.getForm().reset();
								}
							}, {
								text : '关闭',
								handler : function() {
									form.getForm().reset();
									win.hide();
								}
							}]
				});
	}
	// ////////////////////////////////////////////////////////////////////////////////
	// Grid
	// //////////////////////////////////////////////////////////////////////////////////////
	var sm = new xg.CheckboxSelectionModel();
	grid = new xg.GridPanel({
				id : 'button-grid',
				autoScoll : true,
				ds : ds,
				cm : new xg.ColumnModel([sm, {
							header : "仓库编号",
							// width : 50,
							sortable : true,
							dataIndex : 'whid'
						}, {
							header : "所属类型",
							// width : 50,
							sortable : true,
							dataIndex : 'prdtType'
						}, {
							header : "牌号",
							// width : 40,
							sortable : true,
							dataIndex : 'ssign'
						}, {
							header : "规格",
							// width : 50,
							sortable : true,
							dataIndex : 'spec'
						}, {
							header : "镀层",
							// width : 50,
							sortable : true,
							dataIndex : 'plate'
						}, {
							header : "发货数量",
							// width : 50,
							sortable : true,
							dataIndex : 'zhenpian'
						}]),
				sm : sm,
				stripeRows : true,

				viewConfig : {
					forceFit : true
				},

				// inline toolbars
				tbar : [{
							text : '重新查询',
							tooltip : '重新选择查询的条件',
							iconCls : 'add',
							onClick : function() {

								form = getUpdateForm();

								var items = new Ext.util.MixedCollection();
								items.add("form", form);
								// win.width = 355,
								win.items = items;
								// win.title = "报价单信息";
								win.show(this);
								form.getForm().reset();

							}
						}],

				bbar : new Ext.PagingToolbar({
							pageSize : 10,
							store : ds,
							displayInfo : true,
							displayMsg : '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
							emptyMsg : "没有记录"
						}),
				width : 700,
				autoHeight : true,
				// frame:true,
				title : '毛坯仓库信息列表',
				iconCls : 'icon-grid',
				renderTo : 'main'
			});
};
